<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>贴心服务 | 零号卖场 | 江宁大学城网上商城 - 网购首选 - 正品低价、品质保障、货到付款、配送及时、放心服务、轻松购物！</title>
<meta name="description" content="义务商城-专业的综合网上购物商城，在线销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品、在线旅游等数万个品牌千万种优质商品。便捷、诚信的服务，为您提供愉悦的网上商城购物体验! ">
<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东商城">
<jsp:include page="../common/include.jsp"></jsp:include>
<!-- mobile setting -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
</head>
<body>
<div class="wrapper">
    <jsp:include page="../common/top.jsp"></jsp:include>
    <div class="section_container">
        <!--Mid Section Starts-->
        <section><div class="section">
			<ul class="breadcrumb">
		      <li>&ouml; &nbsp;&nbsp;<a href="<c:url value="/wlc"/> ">首页</a></li>
		      <li><a href="javascript:">贴心服务</a></li>
		    </ul>
        	<div class="list_nav">
        		<div class="list_left">
	        	 <ul class="sub_menu_nav">
	                        <li> <a href="javascript:">贴心服务</a>
	                            <ul>
	                            	<c:forEach items="${xls}" var="x">
	                            	<li><a>${x.xlname}</a></li>
	                            	</c:forEach>
	                            </ul>
	                        </li>
	              </ul>
              	</div>
              <!-- Products list right  starts-->
              <DIV class="list_nav_right">
              	<div class="list_right_ hot_pro">
              		<ul id="first-carousel" class="">
	                	<c:forEach items="${phot}" var="p"  begin="0" end="3">
	                	<li> <a class="product_image" href="<c:url value="/wlc/gpro?pcode=${p.pcode}"/>"><img src="<c:url value="${p.pphoto}"/>" /></a>
	                        <div class="product_info">
	                            <h3><a href="<c:url value="/wlc/gpro?pcode=${p.pcode}"/>">${p.pname}</a></h3>
	                        </div>
	                        <div class="price_info"> <span class="oldp">￥${p.pscprice }</span>
	                            <button class="price_add" title="" type="button" onclick="window.location.href='<c:url value="/crtc/addToShoppingCart?pcode=${p.pcode}&pnum=1"/>'"><span class="pr_price">￥${p.phyprice}</span><span class="pr_add">加入购物车</span></button>
	                        </div>
	                    </li>
	                	</c:forEach>
	                   
	                </ul>
	            </div>
	            <div class="list_right_ hot_pro">
              		<ul id="first-carousel" class="">
	                	<c:forEach items="${phot}" var="p"  begin="0" end="3">
	                	<li> <a class="product_image" href="<c:url value="/wlc/gpro?pcode=${p.pcode}"/>"><img src="<c:url value="${p.pphoto}"/>" /></a>
	                        <div class="product_info">
	                            <h3><a href="<c:url value="/wlc/gpro?pcode=${p.pcode}"/>">${p.pname}</a></h3>
	                        </div>
	                        <div class="price_info"> <span class="oldp">￥${p.pscprice }</span>
	                            <button class="price_add" title="" type="button" onclick="window.location.href='<c:url value="/crtc/addToShoppingCart?pcode=${p.pcode}&pnum=1"/>'"><span class="pr_price">￥${p.phyprice}</span><span class="pr_add">加入购物车</span></button>
	                        </div>
	                    </li>
	                	</c:forEach>
	                   
	                </ul>
	            </div>
              </div>      
               <!-- Products list right  ends-->
        	</div>
        
            <!--Product List Starts-->
            <div class="cle">&nbsp;<br></div>
            
            <!--Product List Ends-->
            <!--Newsletter_subscribe Starts-->
            <!--Newsletter_subscribe Ends-->
        </div></section>
        <!--Mid Section Ends-->
    </div>
    <div class="footer_container">
        <!--Footer Starts-->
		    <jsp:include page="../common/footer.jsp"></jsp:include>
        <!--Footer Ends-->
    </div>
</div>

<!--CUSTOMIZE-->
<style type="text/css">
.page_selector{ position:absolute; right:0px; top:28%;}
.page_selector a.page_open{ display:inline-block; width:60px; height:12px; background:#252525; color:#fff; text-align:center; font-size:14px; padding:20px 0px; font-weight:bold; text-decoration:none; float:left;}
.page_selector ul{ float:left; background:#f0f0f0; padding:10px 0px; border-top:solid 2px #000; border-bottom:solid 2px #000; display:none;}
.page_selector ul li{ padding:8px 10px; }
.page_selector ul li a{ font-weight:bold; text-decoration:none; color:#000; display:block; padding:2px 5px; text-transform:uppercase; font-size:11px;}

.store_selector{ position:absolute; left:0px; top:28%;}
.store_selector .store_open{display:inline-block; width:128px; height:55px;}
.store_selector div{ float:left; width:157px; height:226px; display:none;}
</style>

<script type="text/javascript">
$(document).ready(function(){
	//SLIDE TOGGLE
	jQuery(".page_open").toggle(function() {
		 $('.page_selector ul').slideDown(300);	
		 }, function(){
		 $('.page_selector ul').slideUp(300);		 
	});	
	//SLIDE TOGGLE
	jQuery(".store_open").toggle(function() {
		 $('.store_selector div').slideDown(300);	
		 }, function(){
		 $('.store_selector div').slideUp(300);		 
	});		
});

</script>

<div class="page_selector">
<a href="#" class="page_open">PAGES</a>
<ul>
	<li> <a href="leisure_index.html">HOME</a></li>
    <li> <a href="leisure_listing.html">Product Listing</a></li>
    <li> <a href="leisure_detail.html">Product Detail</a></li>
    <li> <a href="leisure_cart.html">Shopping Cart</a></li>
    <li> <a href="leisure_checkout.html">Checkout</a></li>
    <li> <a href="leisure_contact.php">Contact</a></li>
</ul>
</div>

</body>
</html>